<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<%@ include file="/commons/commonList.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script>
function setChargeItem(id){
	parent.setChargeItem(id);
}
function showDetail(id){
	var url = "${ctx}/charge_chargeItemAction.do?method=getChargeItemDetailBy&keyword="+id;
    top.windowOpen(url, "ChargeItemDetail", "${key.chargeItemInfo}", 300, 750);
}
</script>
</head>
<body>
<div class="container">
<table border="0" cellspacing="0" cellpadding="0"  width="100%" class="bg_search" id="search01" >
      <tr>
        <td>&nbsp;</td>
      </tr>
  </table>
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td class="bg_toolBar"><table border="0" cellpadding="0" cellspacing="0">
        <tr>
		<td class="toolbarico"><a href="#"  onclick="parent.openChargeItemAdd();" onfocus="this.blur()"><img src="${ctx}/images/ico_newfile.gif" border="0" align="absbottom" alt="${key.addChargeItem}"/>&nbsp;</a></td>
		<td class="toolbarico"><a href="#"  onclick="parent.openChargeItemEdit('true');" onfocus="this.blur()"><img src="${ctx}/images/ico_amend.gif" alt="${editChargeItem}" width="16" height="16" border="0" align="absbottom" /></a></td>
		<td class="toolbarico"><a href="#"  onClick="parent.showDelete('true');" onFocus="this.blur()"><img src="${ctx}/images/ico_delete.gif" alt="${key.delete}" width="16" height="16" border="0" align="absbottom"></a></td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td valign="top">
	   <ec:ceTable
			    items="chargeItemList"
				action="${ctx}/charge_chargeItemAction.do?method=refreshChargeItemList"
				var="chargeItem"
				view="pmsview"
				styleClass="gridData2"
				rowsDisplayed="15">
				<ec:ceRow styleClass="grid"  onclick="setChargeItem('${chargeItem.keyword}')" ondblclick="showDetail('${chargeItem.keyword}')" onContextMenu="return ShowContextMenu(event,'quick_rightmenu')">
					<ec:ceColumn headerCell="pmsHeadrCell" title="${key.chargeItemName}" property="itemName"   width="35%" sortable="true">
						<c:out value="${chargeItem.itemName}"></c:out>
					</ec:ceColumn>
					<ec:ceColumn headerCell="pmsHeadrCell" title="${key.businessCode}" property="businessCodeName" value="${chargeItem.businessCodeName}"  width="15%"/>
					<ec:ceColumn headerCell="pmsHeadrCell" title="${key.chargeType}" property="chrgTypeDisplay" value="${chargeItem.chrgTypeDisplay}"  width="35%"/>
					<ec:ceColumn headerCell="pmsHeadrCell" title="${key.seqNo}" property="seqNo" value="${chargeItem.seqNo}"  width="15%" sortable="true"/>
					<ec:parameter name ="keyword" value="${chargeItem.keyword}"></ec:parameter>
				</ec:ceRow>
		</ec:ceTable>
       </td>
    </tr>
  </table>
</div>
<div id="quick_rightmenu" style="display:none;" oncontextmenu="return false" class="quick_rightmenu">
  <table width="100%" border="0" cellpadding="1" cellspacing="0" class="grid_quickMenu_bg">
    <tr>
      <td><table width="100%" border="0" cellpadding="2" cellspacing="0">
        <tr>
          <td class="quickMenu_toolbarico"><a href="#"  onclick="parent.openChargeItemAdd();" onfocus="this.blur()"><img src="${ctx}/images/ico_newfile.gif" border="0" align="absbottom" alt="${key.add}"/> ${key.add} </a></td>
          </tr>
        <tr>
          <td class="quickMenu_toolbarico"><a href="#"  onClick="parent.openChargeItemEdit('true');" onFocus="this.blur()"><img src="${ctx}/images/ico_amend.gif" alt="${key.modify}" width="16" height="16" border="0" align="absbottom" /> ${key.modify}</a></td>
          </tr>
        <tr>
          <td class="quickMenu_toolbarico"><a href="#" onClick="parent.showDelete('true');" onFocus="this.blur()"><img src="${ctx}/images/ico_delete.gif" alt="${key.delete}" width="16" height="16" border="0" align="absbottom"> ${key.delete}</a></td>
          </tr>

      </table></td>
    </tr>
  </table>
</div>
</body>
</html>
